<template>
  <el-dialog :visible.sync="openPrint" width="800px" append-to-body :before-close="closeTable">
    <el-form ref="form"  label-width="120px" style="width: 700px;padding-left: 50px;">
    <table class="noBorder" border="1" id="printMe" cellspacing="0" width="100%" height="800px">
      <caption align="top" style="margin-bottom:30px;font-size:24px;">重庆高新开发建设投资集团有限公司中介机构抽取结果表</caption>
      <tr>
        <td colspan="3" style="text-align: left"  height="40px" class="font-FangSong topfont noBorder title-font">申请单位：{{ printForm.createBy }}</td>
        <td colspan="2" style="text-align: right" class="topfont noBorder font-FangSong">日期：{{ printForm.createTime | dateTime }}</td>
      </tr>
      <tr>
        <th rowspan="3" width="80px" class="bigfont">
          项 目 基
          <br />
          本 情 况
        </th>
        <td width="120px" height="60px" class="small font-FangSong">项 目 名 称</td>
        <th colspan="3" class="f18 br font-FangSong">{{ printForm.extractItem }}</th>
      </tr>
      <tr>
        <td class="small font-FangSong">建 设 地 址</td>
        <th colspan="3" class="f18 br font-FangSong">{{ printForm.extractAddress }}</th>
      </tr>
      <tr>
        <td class="small font-FangSong">
          工 程 费 用
          <br />
          (万 元)
        </td>
        <th width="150px" class="f18 font-FangSong">{{ printForm.extractPrice }}</th>
        <td width="80px" class="small font-FangSong">建 设 周 期</td>
        <th class="f18 br font-FangSong">{{ printForm.extractPeriod }}</th>
      </tr>
      <tr>
        <th  rowspan="5" class="bigfont">中 标<br />信 息</th>
        <td class="small font-FangSong">抽 取 库</td>
        <th class="f18 font-FangSong">{{ printForm.unitTypeName }}</th>
        <td class="small font-FangSong">暂定中介服务费（万元）</td>
        <th class="f18 br font-FangSong">{{ printForm.maxPrice }}</th>
      </tr>
      <tr>
        <td class="small font-FangSong">业 务 类 型</td>
        <th class="f18 font-FangSong">{{ printForm.extractBusinessType}}</th>
        <td class="small font-FangSong">抽 取 时 间</td>
        <th class="f18 br font-FangSong">{{ printForm.updateTime | dateTime }}</th>
      </tr>
      <tr>
        <td colspan="4" height="60px" class="small br font-FangSong">中 标 单 位 列 表</td>
      </tr>
      <tr>
        <td height="60px" class="small font-FangSong">序 号</td>
        <td class="small font-FangSong">单 位 名 称</td>
        <td width="120px" class="small font-FangSong">联 系 人</td>
        <td width="120px" class="small br font-FangSong">联 系 电 话</td>
      </tr>
<!--      <tr >
        <th height="60px"></th>
        <th></th>
        <th></th>
        <th class="br"></th>
      </tr>-->
      <tr v-for="(item,index) in linkInfo" :key="index">
        <th height="60px" class="f18 font-FangSong">{{index + 1}}</th>
        <th class="f18 font-FangSong">{{ item.randomUnitName }}</th>
        <th class="f18 font-FangSong">{{ item.randomLinkman }}</th>
        <th class="f18 br font-FangSong">{{ item.randomPhone }}</th>
      </tr>
      <tr>
        <th rowspan="4" class="bigfont bb">
          参 与 抽
          <br />
          取 人 员
        </th>
        <td class="small font-FangSong">抽 取 地 点</td>
        <th class="f18 br font-FangSong" colspan="3">{{ printForm.extractPlace }}</th>
      </tr>
      <tr>
        <td class="small font-FangSong">现 场 抽 取 人</td>
        <th colspan="3" class="f18 br font-FangSong">{{ printForm.extractUser }}</th>
      </tr>
      <tr>
        <td rowspan="2" class="small bb font-FangSong">
          纪 检 监 察
          <br />
          人 员
        </td>
        <th colspan="3" rowspan="2" class="f18 br bb font-FangSong"></th>
      </tr>
    </table>
    <el-button v-print="'#printMe'" type="primary" style="margin-top:10px;margin-left:90%">打 印</el-button>
  </el-form>
  </el-dialog>

</template>

<script>
export default {
  name: "printTable",
  props:['openPrint','printData','linkInfo'],
  data(){
    return {
      printForm:{

      }
    }
  },
  methods:{
    closeTable(){
      this.$emit('numDialog')
    }
  },
  filters:{
    dateTime(val) {
      if (val) {
        return val.substr(0, 10);
      }
    }
  },
  watch:{
    printData:{
      deep:true,
      handler(val){
        console.log(122,val)
        this.printForm = val
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.bigfont{
  font-size: 19px;
  font-weight: 100;
  text-align: center;
  font-family: FangSong;
}
.small{
  text-align: center;
  font-weight: 100;
  font-size: 16px;
}
.f18{
  font-size: 18px;
  font-weight: 400;
}
.topfont{
  font-size: 16px;
  font-weight: 400;
}
.noBorder{
  border: unset;
}
.br{
  border-right: 1px solid #9a9a9a;
}
.bb{
  border-bottom: 1px solid #9a9a9a;
}
.font-FangSong{
  font-family:FangSong;
}
</style>
